<header>
  <div class="centered-head">
    <!-- Logo -->
    <h1><a href="/" class="logo">Color life Admin Panel</a></h1>
    <!-- Logo end -->
    <!-- Navigation -->
    <nav>
    <ul>
      <li id="login">
      <span id="login-trigger">
        <span id="login-triggers">
          <span id="user-panel-check"></span>
          <span id="user-panel-title">My Account</span>
        </span>
      </span>
      <div id="login-content">
        <ul>
          <li><a href="{{ url_for('admin.account_settings') }}"><img src="{{ url_for('admin.static', filename='images/setting.png') }}"> <span>Settings</span></a></li>
          <li><a href="#"><img src="{{ url_for('admin.static', filename='images/help.png') }}"><span>Help</span></a></li>
          <li><a href="{{ url_for('admin.logout') }}"><img src="{{ url_for('admin.static', filename='images/logout.png') }}"><span>Log Out</span></a></li>
        </ul>
      </div>
      </li>
    </ul>
    </nav>
    <div class="account-name"><p><span class="welcome">Welcome,</span> <strong>{{ current_user.name }}</strong></p><div class="account-separator"></div></div>
    <!-- Navigation end-->
  </div>
</header>
